<template>
  <!-- 选中的商品详情 -->
  <div class="selection">
    <van-card
      :num="goods.goods_amount"
      :price="goods.goods_price"
      :title="goods.goods_name"
      :thumb="goods.img"
    />
  </div>
</template>

<script>
export default {
  name: 'SelectingGoods',
  props: {
    goods: {
      type: [Array, Object],
      required: true
    }
  },
  data () {
    return {

    }
  },
  computed: {

  },
  created () {
    this.loadSel()
  },
  mounted () {

  },
  methods: {
    loadSel() {
    }
  }
}
</script>

<style scoped lang="less">
.selection {
  .van-card {
    margin-bottom: 8px;
    .van-card__title {
      font-size: 45px;
      line-height: 50px;
    }
    .van-card__content {
      > div {
        display: flex;
        div {
          flex: 1;
        }
      }
    }
    .van-card__price, .van-card__price-integer {
      font-size: 40px;
    }
    .van-card__num {
      font-size: 40px;
    }
  }
}
</style>
